<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/inc_head.html"; ?>
<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutA_1.html"; ?>

<!-- service-con -->

<div class="service-con cont">
	<div class="step">
		<ol class="step1">
			<li class="s1 on">
				<div><em>01 STEP</em><strong>정보입력</strong><span>현재상태</span></div>
			</li>
			<li class="s2">
				<div><em>02 STEP</em><strong>입력확인</strong></div>
			</li>
			<li class="s3">
				<div><em>03 STEP</em><strong>실행완료</strong></div>
			</li>
		</ol>
	</div>
	<form action="">
		<fieldset>
			<legend>step1.정보입력</legend>
			<div class="tit-gp clearfix">
				<h3 class="tit-type2"><span>이체설정</span></h3>
				<p class="float-r"><span class="asterisk">필수항목</span>표시는 필수입력항목</p>
			</div>
			<table cellspacing="0" summary="이체설정 구분" class="tbl-type1">
				<caption>이체설정</caption>
				<colgroup>
					<col style="width:25%;" /><col style="width:auto;" />
				</colgroup>
				<tbody>
					<tr>
						<th scope="row" class="first"><span class="asterisk">필수항목</span>구분</th>
						<td class="first">
							<input type="radio" name="radioGroup" id="radioGroup-0" title="즉시이체" />
							<label>즉시이체</label>
							<input type="radio" name="radioGroup" id="radioGroup-1" title="예약이체" checked="checked" />
							<label>예약이체</label>
							<!-- 예약이체 선택시 노출 -->
							<p class="reserve">
								<label>예약일</label>
								<input type="text" title="예약일 입력" value="YYYY-MM-DD" readonly="readonly" />
								<a href="#none" title="팝업레이어뜸"><span class="calendar">캘린더</span></a>
								<label>예약시간</label>
								<select title="예약시간 선택">
									<option value="01" selected="selected">12시</option>
									<option value="02">1시</option>
									<option value="03">2시</option>
								</select>
								<span class="value-txt mt5">(예약이체일이 공휴일인 경우에는 이체가 되지 않습니다.)</span>
							</p></td>
					</tr>
				</tbody>
			</table>
			<div class="tit-gp clearfix">
				<h3 class="tit-type2"><span>출금정보</span></h3>
				<p>최종이체일자 : YYYY-MM-DD, 최종일자까지 000일이 되었습니다</p>
			</div>
			<table cellspacing="0" summary="출금계좌번호 선택 및 출금 통장 표시내용 지정 " class="tbl-type1">
				<caption>출금정보</caption>
				<colgroup>
					<col style="width:25%;" /><col style="width:auto;" />
				</colgroup>
				<tbody>
					<tr>
						<th scope="row" class="first"><span class="asterisk">필수항목</span>
							<label>출금계좌번호</label></th>
						<td class="first">
							<select title="출금계좌번호 선택">
								<option value="" selected="selected">선택하세요</option>
								<option value="01">088-05-02332-1</option>
								<option value="02">085-02-05373-2</option>
							</select>
							<span class="btn-pack btn-type-1"><a href="#none" title="계좌잔액 출금가능금액 조회">계좌잔액조회</a></span>
							<!-- 계좌잔액 조화시 결과 -->
							<p class="refer ml10">잔액 : 00원, 출금가능금액 : 00원</p>
						</td>
					</tr>
					<tr>
						<th scope="row"><label for="outMark">출금 통장 표시내용</label></th>
						<td>
							<input type="text" name="outmark" id="outMark" title="출금통장표시내용 입력" />
							<span class="btn-pack btn-type-1"><a href="#none" title="팝업레이어뜸">자주 쓰는 문구</a></span>
							<p class="value-txt">(7자 이내, 미입력시 입금계좌 예금주 성명이 표시됩니다)</p>
						</td>
					</tr>
				</tbody>
			</table>
			<div class="tit-gp clearfix">
				<h3 class="tit-type2"><span>입금정보</span></h3>
				<div class="float-r">
					<span class="btn-pack btn-type-1"><a href="#none" title="팝업레이어뜸">장애은행조회</a></span>
					<span class="btn-pack btn-type-1"><a href="#none" title="팝업레이어뜸">계산기</a></span>
				</div>
			</div>
			<table cellspacing="0" summary="입금계좌번호, 이체하실 금액, CMS코드, 받는분 통장표시내용 제공 " class="tbl-type1">
				<caption>입금정보</caption>
				<colgroup>
					<col style="width:25%;" /><col style="width:auto;" />
				</colgroup>
				<tbody>
					<tr>
						<th scope="row" class="first"><span class="asterisk">필수항목</span><label>입금계좌번호</label></th>
						<td class="first">
							<p>
								<span class="btn-pack btn-type-1"><a href="#none" title="팝업레이어뜸">은행선택</a></span>
								<input type="text" title="은행명 입력" value="부산은행" readonly="readonly" />
								<input type="text" title="입금계좌번호 입력" value="" />
							</p>
							<span class="btn-pack btn-type-1"><a href="#none" title="팝업레이어뜸">자주쓰는입금계좌</a></span>
							<span class="btn-pack btn-type-1"><a href="#none" title="팝업레이어뜸">최근이체현황조회</a></span>
							<span class="btn-pack btn-type-1"><a href="#none" title="팝업레이어뜸">본인보유계좌</a></span>
						</td>
					</tr>
					<tr>
						<th scope="row"><span class="asterisk">필수항목</span><label for="amount">이체하실 금액</label></th>
						<td>
							<input type="text" name="amount" id="amount" title="이체하실금액 입력" />
							<span class="btn-type3"><a href="#none">정정</a></span>
						</td>
					</tr>
					<tr>
						<th scope="row"><label for="cmsCode">CMS코드</label></th>
						<td>
							<input type="text" name="cmscode" id="cmsCode" title="CMS코드 입력" />
							<p class="value-txt ml10">(CMS이체인 경우만 입력하십시오)</p>
						</td>
					</tr>
					<tr>
						<th scope="row"><label for="fromMark">받는분 통장표시내용</label></th>
						<td>
							<input type="text" name="frommark" id="fromMark" title="받는분 통장표시내용 입력" />
							<span class="btn-type3"><a href="#none" class="팝업레이어뜸">자주 쓰는 문구</a></span>
							<p class="value-txt">(7자 이내, 미입력시 입금계좌 예금주 성명이 표시됩니다.)</p>
						</td>
					</tr>
				</tbody>
			</table>
			
			<!-- 버튼 -->
			<div class="align-r mt20">
				<span class="btn-pack btn-type-2c"><button type="button">이체</button></span>
			</div>
		</fieldset>
	</form>
</div>
<!-- //service-con -->

<? include "$_SERVER[DOCUMENT_ROOT]/_pilot/cmn/jsp/include/plt/html/layout/layoutA_2.html"; ?>